<template>
  <div>
    <!-- 导航链接 -->
    <router-link to="/">
      <button>Home</button>
    </router-link>
    <router-link to="/overall">
      <button>全局注册的组件</button>
    </router-link>
    <router-link to="/plugin">
      <button>全局注册的插件</button>
    </router-link>
    <router-link to="/mixin">
      <button>使用mixin</button>
    </router-link>
    <router-link to="/noMiXin01">
      <button>不使用mixin01</button>
    </router-link>
    <router-link to="/noMiXin02">
      <button>不使用mixin02</button>
    </router-link>
    <router-link to="/fnComponent">
      <button>函数式组件</button>
    </router-link>
    <router-link to="/vuex">
      <button>vuex应用示例</button>
    </router-link>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: 'Home',
  data() {
    return {}
  },
  methods: {}
}
</script>